<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>single</title>
    <!-- Custom Theme files -->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    &lt;!&ndash; //Custom Theme files &ndash;&gt;
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
    &lt;!&ndash; js &ndash;&gt;
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
    <script src="js/imagezoom.js"></script>
    &lt;!&ndash; //js &ndash;&gt;
    &lt;!&ndash; cart &ndash;&gt;
    <script src="js/simpleCart.min.js"></script>-->
    <script src="../static/js/imagezoom.js"></script><!--这个是抽取公共页面多抽取的数据，需要单独拿出来-->
    <!-- cart -->
    <!-- FlexSlider -->
    <script defer src="../static/js/jquery.flexslider.js"></script>
    <link rel="stylesheet" href="../static/css/flexslider.css" type="text/css" media="screen"/>
    <script>
        // Can also be used with $(document).ready()
        $(window).load(function () {
            $('.flexslider').flexslider({
                animation: "slide",
                controlNav: "thumbnails"
            });
        });
    </script>
    <!--//FlexSlider -->
</head>
<body>
<!--header-->
<!--<div class="header">
    <div class="container">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h1 class="navbar-brand"><a href="index.html">心语蛋糕</a></h1>
            </div>
            &lt;!&ndash;navbar-header&ndash;&gt;
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="index.html" class="active">主页</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">生日<b class="caret"></b></a>
                        <ul class="dropdown-menu multi-column columns-4">
                            <div class="row">
                                <div class="col-sm-3">
                                    <h4>关系</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">朋友</a></li>
                                        <li><a class="list" href="products.html">爱人</a></li>
                                        <li><a class="list" href="products.html">姐妹</a></li>
                                        <li><a class="list" href="products.html">兄弟</a></li>
                                        <li><a class="list" href="products.html">孩子</a></li>
                                        <li><a class="list" href="products.html">父母</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>口味</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">巧克力</a></li>
                                        <li><a class="list" href="products.html">混合水果</a></li>
                                        <li><a class="list" href="products.html">奶油</a></li>
                                        <li><a class="list" href="products.html">草莓</a></li>
                                        <li><a class="list" href="products.html">香草</a></li>
                                        <li><a class="list" href="products.html">慕斯</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>主题</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">心形</a></li>
                                        <li><a class="list" href="products.html">卡通</a></li>
                                        <li><a class="list" href="products.html">2-3层蛋糕</a></li>
                                        <li><a class="list" href="products.html">方形</a></li>
                                        <li><a class="list" href="products.html">圆形</a></li>
                                        <li><a class="list" href="products.html">照片蛋糕</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>重量</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">1 kG</a></li>
                                        <li><a class="list" href="products.html">1.5 kG</a></li>
                                        <li><a class="list" href="products.html">2 kG</a></li>
                                        <li><a class="list" href="products.html">3 kG</a></li>
                                        <li><a class="list" href="products.html">4 kG</a></li>
                                        <li><a class="list" href="products.html">更大</a></li>
                                    </ul>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <li class="dropdown grid">
                        <a href="#" class="dropdown-toggle list1" data-toggle="dropdown">婚礼<b class="caret"></b></a>
                        <ul class="dropdown-menu multi-column columns-4">
                            <div class="row">
                                <div class="col-sm-3">
                                    <h4>关系</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">朋友</a></li>
                                        <li><a class="list" href="products.html">爱人</a></li>
                                        <li><a class="list" href="products.html">姐妹</a></li>
                                        <li><a class="list" href="products.html">兄弟</a></li>
                                        <li><a class="list" href="products.html">孩子</a></li>
                                        <li><a class="list" href="products.html">父母</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>口味</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">巧克力</a></li>
                                        <li><a class="list" href="products.html">混合水果</a></li>
                                        <li><a class="list" href="products.html">奶油</a></li>
                                        <li><a class="list" href="products.html">草莓</a></li>
                                        <li><a class="list" href="products.html">香草</a></li>
                                        <li><a class="list" href="products.html">慕斯</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>主题</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">心形</a></li>
                                        <li><a class="list" href="products.html">卡通</a></li>
                                        <li><a class="list" href="products.html">2-3层蛋糕</a></li>
                                        <li><a class="list" href="products.html">方形</a></li>
                                        <li><a class="list" href="products.html">圆形</a></li>
                                        <li><a class="list" href="products.html">照片蛋糕</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>重量</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">1 kG</a></li>
                                        <li><a class="list" href="products.html">1.5 kG</a></li>
                                        <li><a class="list" href="products.html">2 kG</a></li>
                                        <li><a class="list" href="products.html">3 kG</a></li>
                                        <li><a class="list" href="products.html">4 kG</a></li>
                                        <li><a class="list" href="products.html">更大</a></li>
                                    </ul>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <li class="dropdown grid">
                        <a href="#" class="dropdown-toggle list1" data-toggle="dropdown">特别优惠 <b class="caret"></b></a>
                        <ul class="dropdown-menu multi-column columns-4">
                            <div class="row">
                                <div class="col-sm-3">
                                    <h4>关系</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">朋友</a></li>
                                        <li><a class="list" href="products.html">爱人</a></li>
                                        <li><a class="list" href="products.html">姐妹</a></li>
                                        <li><a class="list" href="products.html">兄弟</a></li>
                                        <li><a class="list" href="products.html">孩子</a></li>
                                        <li><a class="list" href="products.html">父母</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>口味</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">巧克力</a></li>
                                        <li><a class="list" href="products.html">混合水果</a></li>
                                        <li><a class="list" href="products.html">奶油</a></li>
                                        <li><a class="list" href="products.html">草莓</a></li>
                                        <li><a class="list" href="products.html">香草</a></li>
                                        <li><a class="list" href="products.html">慕斯</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>主题</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">心形</a></li>
                                        <li><a class="list" href="products.html">卡通</a></li>
                                        <li><a class="list" href="products.html">2-3层蛋糕</a></li>
                                        <li><a class="list" href="products.html">方形</a></li>
                                        <li><a class="list" href="products.html">圆形</a></li>
                                        <li><a class="list" href="products.html">照片蛋糕</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>重量</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">1 kG</a></li>
                                        <li><a class="list" href="products.html">1.5 kG</a></li>
                                        <li><a class="list" href="products.html">2 kG</a></li>
                                        <li><a class="list" href="products.html">3 kG</a></li>
                                        <li><a class="list" href="products.html">4 kG</a></li>
                                        <li><a class="list" href="products.html">更大</a></li>
                                    </ul>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <li class="dropdown grid">
                        <a href="#" class="dropdown-toggle list1" data-toggle="dropdown">商店<b class="caret"></b></a>
                        <ul class="dropdown-menu multi-column columns-3">
                            <div class="row">
                                <div class="col-sm-4">
                                    <h4>关系</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">朋友</a></li>
                                        <li><a class="list" href="products.html">爱人</a></li>
                                        <li><a class="list" href="products.html">姐妹</a></li>
                                        <li><a class="list" href="products.html">兄弟</a></li>
                                        <li><a class="list" href="products.html">孩子</a></li>
                                        <li><a class="list" href="products.html">父母</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-3">
                                    <h4>口味</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">巧克力</a></li>
                                        <li><a class="list" href="products.html">混合水果</a></li>
                                        <li><a class="list" href="products.html">奶油</a></li>
                                        <li><a class="list" href="products.html">草莓</a></li>
                                        <li><a class="list" href="products.html">香草</a></li>
                                        <li><a class="list" href="products.html">慕斯</a></li>
                                    </ul>
                                </div>
                                <div class="col-sm-4">
                                    <h4>特色</h4>
                                    <ul class="multi-column-dropdown">
                                        <li><a class="list" href="products.html">冰淇淋蛋糕</a></li>
                                        <li><a class="list" href="products.html">瑞士卷</a></li>
                                        <li><a class="list" href="products.html">拉斯克·卡普</a></li>
                                        <li><a class="list" href="products.html">纸杯蛋糕</a></li>
                                        <li><a class="list" href="products.html">松饼</a></li>
                                        <li><a class="list" href="products.html">梅尔韦勒</a></li>
                                    </ul>
                                </div>
                            </div>
                        </ul>
                    </li>
                </ul>
                &lt;!&ndash;/.navbar-collapse&ndash;&gt;
            </div>
            &lt;!&ndash;//navbar-header&ndash;&gt;
        </nav>
        <div class="header-info">
            <div class="header-right search-box">
                <a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a>
                <div class="search">
                    <form class="navbar-form">
                        <input type="text" class="form-control">
                        <button type="submit" class="btn btn-default" aria-label="Left Align">
                            查找
                        </button>
                    </form>
                </div>
            </div>
            <div class="header-right login">
                <a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
                <div id="loginBox">
                    <form id="loginForm">
                        <fieldset id="body">
                            <fieldset>
                                <label for="email">邮箱地址</label>
                                <input type="text" name="email" id="email">
                            </fieldset>
                            <fieldset>
                                <label for="password">密码</label>
                                <input type="password" name="password" id="password">
                            </fieldset>
                            <input type="submit" id="login" value="Sign in">
                            <label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住密码</i></label>
                        </fieldset>
                        <p>新的用户 ? <a class="sign" href="account.html">注册</a> <span><a href="#">忘记密码?</a></span></p>
                    </form>
                </div>
            </div>
            <div class="header-right cart">
                <a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a>
                <div class="cart-box">
                    <h4><a href="checkout.html">
                        <span class="simpleCart_total"> ￥0.00 </span> (<span id="simpleCart_quantity"
                                                                             class="simpleCart_quantity"> 0 </span>)
                    </a></h4>
                    <p><a href="javascript:;" class="simpleCart_empty">清空购物车</a></p>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>-->
<!--//header-->

<!--//single-page-->
<div class="single">
    <div class="container">
        <div class="single-grids">
            <div class="col-md-4 single-grid">
                <div class="flexslider">
                    <ul class="slides">
                        <li data-thumb="images/s1.png">
                            <div class="thumb-image"><img src="../static/images/s1.png" data-imagezoom="true"
                                                          class="img-responsive"></div>
                        </li>
                        <li data-thumb="images/s2.png">
                            <div class="thumb-image"><img src="../static/images/s2.png" data-imagezoom="true"
                                                          class="img-responsive"></div>
                        </li>
                        <li data-thumb="images/s3.png">
                            <div class="thumb-image"><img src="../static/images/s3.png" data-imagezoom="true"
                                                          class="img-responsive"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4 single-grid simpleCart_shelfItem">
                <h3>新鲜出炉的混合着巧克力的黑森林蛋糕！</h3>
                <p>切蛋糕是庆祝特殊时刻最美妙的方式之一。还有什么比吃一块丰盛可口的巧克力蛋糕更好的庆祝方式呢</p>
                <ul class="size">
                    <h3>大小</h3>
                    <li><a href="#">1 KG</a></li>
                    <li><a href="#">2 KG</a></li>
                    <li><a href="#">3 KG</a></li>
                    <li><a href="#">4 KG</a></li>
                </ul>
                <ul class="size">
                    <h3>2-3 层蛋糕</h3>
                    <li><a href="#">1 层</a></li>
                    <li><a href="#">2 层</a></li>
                    <li><a href="#">3 层</a></li>
                </ul>
                <div class="galry">
                    <div class="prices">
                        <h5 class="item_price">￥285.00</h5>
                    </div>
                    <div class="rating">
                        <span>☆</span>
                        <span>☆</span>
                        <span>☆</span>
                        <span>☆</span>
                        <span>☆</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <p class="qty"> 数量 : </p><input min="1" type="number" id="quantity" name="quantity" value="1"
                                                class="form-control input-small">
                <div class="btn_form">
                    <a href="#" class="add-cart item_add">加入购物车</a>
                </div>
                <div class="tag">
                    <p>类别 : <a href="#"> 蛋糕</a></p>
                    <!-- <p>标签 : <a href="#">  </a></p> -->
                </div>
            </div>
            <div class="col-md-4 single-grid1">
                <h2>账户</h2>
                <ul>
                    <li><a href="#">提供</a></li>
                    <li><a href="products.html">新产品</a></li>
                    <li><a href="account.html">登记</a></li>
                    <li><a href="account.html">忘记密码</a></li>
                    <li><a href="account.html">我的账户</a></li>
                    <li><a href="contact.html">地址</a></li>
                    <li><a href="checkout.html.html">愿望清单</a></li>
                    <li><a href="checkout.html.html">历史订单</a></li>
                    <li><a href="#">下载</a></li>
                    <li><a href="#">奖励积分</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- collapse -->
<div class="collpse tabs">
    <div class="container">
        <div class="panel-group collpse" id="accordion" role="tablist" aria-multiselectable="true">
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                           aria-expanded="true" aria-controls="collapseOne">
                            说明
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                    <div class="panel-body">
                        巧克力蛋糕：香浓细滑的巧克力和奶油，再加上酥脆的姜饼干，口感丰富层次鲜明。搭配上一杯清甜的果香红茶，清新的口感，迷人的色泽、馥郁的水果香，马上让你心旷神怡，唇齿留香。
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingTwo">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                           href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            附加消息
                        </a>
                    </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                    <div class="panel-body">
                        巧克力蛋糕起源于墨西哥，盛行于西方国家的巧克力，历来被人们视为“幸福食品”。据美国饮食协会研究表明，巧克力中含多酚物质，该物质在水果、蔬菜、红酒和茶中也都存在，对人体健康有诸多好处。普通人每天食用200克巧克力，能让人的抗氧化能力增加，可有效降低胆固醇，减少患心血管疾病可能。然而在我国，巧克力的健康概念逐渐建立起来之后，市场却并未形成成熟销售体系，只有在“贵族”消费区域才能见到德、法、英、比利时等巧克力大国的原装进口巧克力，价格也是令人咋舌。事实上，进口巧克力在国内的利润达到100－300%，而且无论是原料、工艺、包装、口感等方面均与国产巧克力有较大的区别，已成为新兴一代的馈赠与享受佳品，受到众多消费者的追捧。
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingThree">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                           href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            评论 (5)
                        </a>
                    </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                    <div class="panel-body">
                        这绝对是爱和所有的东西甜蜜的一周。随着明天的情人节快到，我想今天就开始做巧克力了。

                        巧克力，巧克力和更多巧克力！因为真的，是什么像巧克力一样说“我爱你”？

                        这款精美的巧克力包装蛋糕来自新泽西州店主Jennifer。卷起一圈的巧克力软糖被包裹，分组，堆叠和旋转。

                        最终结果使巧克力爱好者垂涎三尺，流口水。

                        这种设计带有金色的蛋糕持久性有机污染物和光辉的蛋糕盘，是一个迷人的地方！

                        让我们来看看这个巧克力包裹的蛋糕！
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingFour">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                           href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                            帮助
                        </a>
                    </h4>
                </div>
                <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                    <!-- <div class="panel-body">
                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</div>
<!--//collapse -->
<!--related-products-->
<div class="related-products">
    <div class="container">
        <h3>相关产品</h3>
        <div class="product-model-sec single-product-grids">
            <div class="product-grid single-product">
                <a href="single.html">
                    <div class="more-product"><span> </span></div>
                    <div class="product-img b-link-stripe b-animate-go  thickbox">
                        <img src="../static/images/m1.png" class="img-responsive" alt="">
                        <div class="b-wrapper">
                            <h4 class="b-animate b-from-left  b-delay03">
                                <button>查看</button>
                            </h4>
                        </div>
                    </div>
                </a>
                <div class="product-info simpleCart_shelfItem">
                    <div class="product-info-cust prt_name">
                        <!-- <h4>Product #1</h4>	 -->
                        <span class="item_price">￥220</span>
                        <div class="ofr">
                            <p class="pric1">
                                <del>￥230</del>
                            </p>
                            <p class="disc">[15% Off]</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="product-grid single-product">
                <a href="single.html">
                    <div class="more-product"><span> </span></div>
                    <div class="product-img b-link-stripe b-animate-go  thickbox">
                        <img src="../static/images/m2.png" class="img-responsive" alt="">
                        <div class="b-wrapper">
                            <h4 class="b-animate b-from-left  b-delay03">
                                <button>查看</button>
                            </h4>
                        </div>
                    </div>
                </a>
                <div class="product-info simpleCart_shelfItem">
                    <div class="product-info-cust prt_name">
                        <!-- <h4>Product #1</h4> -->
                        <span class="item_price">￥200</span>
                        <div class="ofr">
                            <p class="pric1">
                                <del>￥230</del>
                            </p>
                            <p class="disc">[15% Off]</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="product-grid single-product">
                <a href="single.html">
                    <div class="more-product"><span> </span></div>
                    <div class="product-img b-link-stripe b-animate-go  thickbox">
                        <img src="../static/images/m3.png" class="img-responsive" alt="">
                        <div class="b-wrapper">
                            <h4 class="b-animate b-from-left  b-delay03">
                                <button>查看</button>
                            </h4>
                        </div>
                    </div>
                </a>
                <div class="product-info simpleCart_shelfItem">
                    <div class="product-info-cust prt_name">
                        <!-- <h4>Product #1</h4> -->
                        <span class="item_price">￥200</span>
                        <div class="ofr">
                            <p class="pric1">
                                <del>￥230</del>
                            </p>
                            <p class="disc">[15% Off]</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="product-grid single-product">
                <a href="single.html">
                    <div class="more-product"><span> </span></div>
                    <div class="product-img b-link-stripe b-animate-go  thickbox">
                        <img src="../static/images/m4.png" class="img-responsive" alt="">
                        <div class="b-wrapper">
                            <h4 class="b-animate b-from-left  b-delay03">
                                <button>查看</button>
                            </h4>
                        </div>
                    </div>
                </a>
                <div class="product-info simpleCart_shelfItem">
                    <div class="product-info-cust prt_name">
                        <!-- 	<h4>Product #1</h4>	 -->
                        <span class="item_price">￥200</span>
                        <div class="ofr">
                            <p class="pric1">
                                <del>￥230</del>
                            </p>
                            <p class="disc">[15% Off]</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--related-products-->

<!--footer-->
<!--<div class="footer">
    <div class="container">
        <div class="footer-grids">
            <div class="col-md-2 footer-grid">
                <h4>公司</h4>
                <ul>
                    <li><a href="products.html">产品</a></li>
                    <li><a href="#">主页</a></li>
                    <li><a href="#">团队</a></li>
                    <li><a href="#">事件</a></li>
                    <li><a href="#">经销商定位器</a></li>
                </ul>
            </div>
            <div class="col-md-2 footer-grid">
                <h4>服务</h4>
                <ul>
                    <li><a href="#">支持</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">担保</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-3 footer-grid">
                <h4>订单和退货</h4>
                <ul>
                    <li><a href="#">订单状态</a></li>
                    <li><a href="#">运输政策</a></li>
                    <li><a href="#">退货政策</a></li>
                    <li><a href="#">数字礼品卡</a></li>
                </ul>
            </div>
            <div class="col-md-2 footer-grid">
                <h4>合法的</h4>
                <ul>
                    <li><a href="#">隐私</a></li>
                    <li><a href="#">条款和条件</a></li>
                    <li><a href="#">社会责任</a></li>
                </ul>
            </div>
            <div class="col-md-3 footer-grid icons">
                <h4>联系我们</h4>
                <ul>
                    <li><a href="#"><img src="images/wx.png" alt=""/>微信</a></li>
                    <li><a href="#"><img src="images/qq.png" alt=""/>QQ</a></li>
                    <li><a href="#"><img src="images/email.png" alt=""/>邮箱</a></li>
                    <li><a href="#"><img src="images/tel.png" alt=""/>电话</a></li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div></div>-->
<!--//footer-->

<!--<div class="footer-bottom">
    <div class="container">
        <p><img src="images/警网.png"/> 京公网安备 1101080202128 号 &emsp;&emsp;@ 2020.12.Company name All rights reserved.
            &emsp;&emsp; <a
                    href="http://localhost:8888/%E7%94%9F%E6%97%A5%E8%9B%8B%E7%B3%95%E5%BA%97%E7%BD%91%E7%AB%99/single.html">心语蛋糕店</a>
        </p>
    </div>
</div>-->
</body>
</html>